<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 		<script type="text/javascript" src="assets/index.min.js"></script>

		<link rel="stylesheet" href="assets/mui/css/mui.min.css" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="assets/fontawsome/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/search-result.css">

	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav my-header">			
			<h1 class="mui-title">搜索结果</h1>
			<a class="mui-icon  mui-pull-right mui-icon-search"></a>
		</header>
		
		<nav class="mui-bar mui-bar-tab my-footer">
			<a class="mui-tab-item mui-active" href="#tabbar">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon  mui-icon-bars"></span>
				<span class="mui-tab-label">分类</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-contact">
				<span class="mui-icon fa fa-shopping-cart"></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">个人中心</span>
			</a>
		</nav>
		

		<div class="mui-content" id="refreshContainer">
			<!-- 上啦加载组件必须要求我们放在一个大的div里面，因为组件会默认加载一个滚动条 -->
			<div>
			<div class="title">
				<span id="priceSort">价格 <span class="mui-icon mui-icon-arrowdown"></span></span>
				<span>销量 <span class="mui-icon mui-icon-arrowdown"></span></span>
			</div>
			<div class="products">
			<ul class="mui-clearfix" id="products">
					<li>
						<a href="#">
							<img src="images/product.jpg" alt="" />
							<span class="name">adidas阿迪达斯 男士场下休闲篮球鞋</span>
							<p>
								<span>$588</span>
								<span>$888</span>
							</p>
							<button type="button" class="mui-btn mui-btn-primary">立即购买</button>
						</a>
					</li>
						<li>
						<a href="#">
							<img src="images/product.jpg" alt="" />
							<span class="name">adidas阿迪达斯 男士场下休闲篮球鞋</span>
							<p>
								<span>$588</span>
								<span>$888</span>
							</p>
							<button type="button" class="mui-btn mui-btn-primary">立即购买</button>
						</a>
					</li>
						<li>
						<a href="#">
							<img src="images/product.jpg" alt="" />
							<span class="name">adidas阿迪达斯 男士场下休闲篮球鞋</span>
							<p>
								<span>$588</span>
								<span>$888</span>
							</p>
							<button type="button" class="mui-btn mui-btn-primary">立即购买</button>
						</a>
					</li>
						<li>
						<a href="#">
							<img src="images/product.jpg" alt="" />
							<span class="name">adidas阿迪达斯 男士场下休闲篮球鞋</span>
							<p>
								<span>$588</span>
								<span>$888</span>
							</p>
							<button type="button" class="mui-btn mui-btn-primary">立即购买</button>
						</a>
					</li>
				</ul>
			</div>
			</div>
		</div>
		<script src="assets/zepto/zepto.min.js"></script>
		<script src="assets/mui/js/mui.min.js"></script>
		<script src="assets/fastclick.js"></script>
		<script src="assets/artTemplate/template-native.js"></script>
		<script src="js/config.js"></script>
		<script src="js/search-result.js"></script>
		<script type="text/tempalte" id="serarch-result">
			<% for(var i=0;i<result.length;i++) { %>				
			<li>
						<a href="#">
							<img src="images/product.jpg" alt="" />
							<span class="name"><%= result[i].mingcheng %></span>
							<p>
								<span>$588</span>
								<span>$888</span>
							</p>
							<button type="button" class="mui-btn mui-btn-primary">立即购买</button>
						</a>
			</li>
			
			<% } %>
		</script>
	</body>
	</html>